<#include "common/_layout.html"/>
<@layout>

<section id="blog" class="container">
    <div class="blog">
        <div class="row">
            <div class="col-md-8">
                <@jp.contentPage  pagesize="6"  hasThumbnail="true">

                <#list page.getList() as content>
                <div class="blog-item">
                    <div class="row">
                        <div class="col-xs-12 col-sm-2 text-center">
                            <div class="entry-meta">
                                <span id="publish_date">${content.created!}</span>
                                <!--<span><i class="fa fa-user"></i> <a href="#">John Doe</a></span>-->
                                <!--<span><i class="fa fa-comment"></i> <a href="blog-item.html#comments">2 Comments</a></span>-->
                                <!--<span><i class="fa fa-heart"></i><a href="#">56 Likes</a></span>-->
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-10 blog-content">
                            <a href="${content.url!}"><img class="img-responsive img-blog" src="${content.thumbnail!}" style="width: 628px;height: 300px;overflow: hidden" /></a>
                            <h2><a href="${content.url!}">${content.title}</a></h2>
                            <h3>${content.summary}</h3>
                            <a class="btn btn-primary readmore" href="blog-item.html">详 情  <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                </div><!--/.blog-item-->
                </#list>

                <ul class="pagination pagination-lg">
                    <@pagination>
                    <#list pages as page>
                        <!--<a href="${page.url}">${page.text}</a>-->
                        <li><a href="${page.url}">${page.text}</a></li>
                    </#list>
                    </@pagination>
                </ul><!--/.pagination-->
            </div><!--/.col-md-8-->
        </@jp.contentPage>
            <aside class="col-md-4">
                <!--<div class="widget search">-->
                    <!--<form role="form">-->
                        <!--<input type="text" class="form-control search_box" autocomplete="off" placeholder="Search Here">-->
                    <!--</form>-->
                <!--</div>&lt;!&ndash;/.search&ndash;&gt;-->
                <div class="widget categories">
                    <div class="row">
                        <div class="col-sm-6">
                            <ul class="blog_category">
                                <@jp.taxonomys module='new'>
                                <#list taxonomys as taxonomy>
                                    <li><a href="${taxonomy.url!}">${taxonomy.title!} <span class="badge">${taxonomy.content_count!}</span></a></li>
                                </#list>
                            </@jp.taxonomys>
                            </ul>
                        </div>
                    </div>
                </div><!--/.categories-->
            </aside>
        </div><!--/.row-->
    </div>
</section><!--/#blog-->

</@layout>